function useLogin (){
  const div = document.createElement('h1')
  const div2 = document.createElement('div')

  function hide(text?:any){
    div.style.display='none'
    div2.style.display='none'
  }
  function show(text){
    div.innerHTML = text
    div2.style.width='100vw'
    div2.style.height='100vh'
    div2.style.position='fixed'
    div2.style.backgroundColor='rgb(0 0 0 / 61%)'
    div2.style.zIndex='999'
    div2.style.left='0%'
    div2.style.top='0%'
  
    div.style.position='fixed'
    div.style.left='50%'
    div.style.top='50%'
    div.style.zIndex='999'
    div.style.color='#fff'
    document.body.appendChild(div2)
    document.body.appendChild(div)
  }
  return [show,hide]
}
export default useLogin